/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
// module
import Taro, { Component } from '@tarojs/taro'
import { Swiper, Image } from '@tarojs/components'

// project
import { CPage, CContent, CHeader, CFooter, CFloat, CAround, CBetween, CCenter, CRow, CWrap, CLine, CHand, CItemX, CItemY, CText, CLabel, CSvg, CImage, CButton, CColumn } from '../../library/comp';
import { Base64, Gen, Time, Zip, Session, Storage, Toast} from '../../library/func';
import Http from '../../project/func/http/http'

// 引用组件
import { Cbtn, Chead } from '../../project/comp';

/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class ArticleDetail extends Component {

	constructor(props) {
		super(props);

		/**
		 * state
		 */
		this.state = {
            // 获取屏幕高度
            scrollHeight: wx.getSystemInfoSync().windowHeight
		}
    }
    
    /*------------------------------------------------------------------------------------
	 * 自定义方法
	 *-----------------------------------------------------------------------------------*/

	/**
	 * 渲染
	 */
	render() {
    
		// 渲染
		return (
            <CPage>
                <CContent mt='45' mb='50'>

                    {/* 文章内容部分 */}
                    <CColumn bg='#fff' px='10' h={this.state.scrollHeight+'px'}>
                        {/* 文章标题 */}
                        <CHand size='20' bold color='#3c3c3c'>你删除好友了吗？</CHand>
                        <CHand my='14'>
                            <CHand color='#a6a6a6' size='13'>2018.11.03</CHand>
                            <CHand color='#a6a6a6' size='13' ml='14'>李山</CHand>
                            <CHand color='#a6a6a6' size='13' ml='14'>阅读1000</CHand>
                        </CHand>

                        {/* 文章正文 */}
                        <CHand size='16' color='#9b9b9b' lh='26'>
                            2018年只剩下三分之一，趁还有时间，去体验一些新的东西，2018年只剩下三分之一趁还有时间，去体验一些新的东西，2018年只剩下三分之一，趁还有时间，去体验一些新的东西，2018年只剩下三分之一，趁还有时间，去体验一些新的东西，2018年只剩下三分之一，趁还有时间，去体验一些新的东西，
                        </CHand>
                        <CHand mt='20'>
                            <CImage src='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1542623868696&di=2f416382a5c2b46009cb31e4f014f8f2&imgtype=0&src=http%3A%2F%2Fpic1a.nipic.com%2F2009-01-07%2F20091713417344_2.jpg' w='354' h='160'/>
                        </CHand>

                        {/* 文章阅读量、点赞量*/}
                        <CHand mt='40'>
                            <CText size='13' color='#aeaeae'>阅读 5.1w</CText>
                            <CSvg icon={Icon.heart} ml='20' w='18' h='18'></CSvg>
                            <CText size='13' ml='6' color='#aeaeae'>219</CText>
                        </CHand>

                    </CColumn>
                    
                </CContent>

                {/* 头部 */}
                <Chead></Chead>

                {/* 底部 */}
                <Cbtn text='立即报名'></Cbtn>

            </CPage>
		);
	}
};